<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<script type="text/javascript" src="/pages/js/jquery.min.js" ></script>
		<script type="text/javascript" src="/pages/js/amazeui.min.js"></script>

		<script src="https://cdn.bootcss.com/vue/2.4.2/vue.js"></script>
		<script src="/pages/js/axios.min.js"></script>
		<script src="/pages/js/addFace.js"></script>


		<link rel="stylesheet" href="/pages/css/amazeui.min.css" type="text/css" />
		<link rel="stylesheet" href="/pages/css/style.css" type="text/css" />
	</head>
	<body class=" bgcolor">
		<header data-am-widget="header" class="am-header am-header-default jz">
		      <div class="am-header-left am-header-nav">
		         <a href="javascript:history.back()" class="">
					<i class="am-icon-chevron-left"></i>
				</a>
		      </div>
		      <h1 class="am-header-title">
		          <a href="#title-link" class="">人员注册</a>
		      </h1>
        </header>

		<div id="app">

       <div class="jl"></div>
       <div class="addcard">
       	  <div class="addcard-kh" style="border-radius: 5px 5px 0 0;">
       	  	<span>姓名</span>
       	    <input type="text" />
       	  </div>
       	  <div class="addcard-kh" style=" margin-top: -1.1rem; border-radius: 0 0 5px 5px;"> <span>类型</span>
       	    <input type="text" />
   	     </div>
		   <div class="addcard-kh" style=" margin-top: -1.1rem; border-radius: 0 0 5px 5px;"> <span>电话</span>
			   <input type="text"  placeholder="默认业主电话" />
		   </div>
		   <ul class="near">
        	<li>
        	   <div class="pic"><img src="/pages/images/pic.png"/></div>
        	   <div class="text">
        	    	<h2><i></i><span>杨玲</span></h2>
        	    	<p>类型：业主</p>
        	    	<p>账号：15622367856</p>
        	    </div>
        	   <button type="button" class="ture">重传图片</button>
        	</li></ul>
    </div>


		<div class="upload">
			<div>
				<button class="btn" @click="choseImage">上传新的人脸照片</button>
			</div>
			<div class="tips">拍照时请使用正脸, 人脸区域占整个图像框的30-50%</div>
		</div>


			<input type="file" name="image" class="img" accept="image/*" @change='onUpload'>





           
	     <button class="login-btn" type="button">上传人脸</button>
         <button class="login-btn" type="button">添加到人员名单</button>

		</div>

	</body>
</html>
